<!doctype html>
<html class="no-js" lang="zxx">



<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Karigor - Portfolio Bootstrap4 Template</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<!-- Favicon -->
	<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
	<link rel="apple-touch-icon" href="img/icon.png">

	<!-- Google font (font-family: 'Dosis', sans-serif;) -->
	<link href="https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700" rel="stylesheet">
	
	<!-- Plugins -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/plugins.css">

	<!-- Style Css -->
	<link rel="stylesheet" href="css/style.css">

	<!-- Custom Styles -->
	<link rel="stylesheet" href="css/custom.css">
</head>

<body>
	<!--[if lte IE 9]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
  <![endif]-->

	<!-- Add your site or application content here -->

	<!-- Wrapper -->
	<div id="wrapper" class="wrapper">

		<!-- Header -->
		<header class="header sticky-header">
			<div class="container">
				<div class="header-inner d-none d-lg-flex">
					<div class="header-logo">
						<a href="index.html">
							<img src="img/logo/logo-dark.png" alt="logo">
						</a>
					</div>
					<div class="header-navigation">
						<button class="header-navigation-trigger">
							<span></span>
							<span></span>
							<span></span>
						</button>
						<nav class="main-navigation">
						</nav>
					</div>
				</div>
				<div class="mobile-menu-wrapper d-block d-lg-none">
					<div class="mobile-menu clearfix">
						<a href="index.html" class="mobile-logo">
							<img src="img/logo/logo-dark.png" alt="mobile logo">
						</a>
					</div>
				</div>
			</div>
		</header>
		<!--// Header -->

        <!-- Breadcrumb Area -->
        <div class="breadcrumb-area bg-grey">
            <div class="container">
                <div class="cr-breadcrumb">
                    <h2>PRICING</h2>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li>Pricing</li>
                    </ul>
                </div>
            </div>
        </div>
        <!--// Breadcrumb Area -->

		<!-- Page Conttent -->
		<main class="page-content">

            <!-- Best Pricing -->
            <div class="cr-section best-pricing-area section-padding-lg bg-white">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-7">
                            <div class="section-title text-center">
                                <h2>BEST PRICING</h2>
                                <p>Here is the services which i know & provide all the time</p>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center">

                        <!-- Single Pricing -->
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="single-pricing mt-30">
                                <div class="pricing-top">
                                    <h3>BASIC PLAN</h3>
                                    <p>Free<span></span></p>
                                </div>
                                <div class="pricing-bottom">
                                    <ul>
                                        <li>5 Articles</li>
                                        <li>Reading authority</li>
                                        <li>More???</li>
                                        <li></li>
                                    </ul>
                                    <a class="button" href="login.html" data-content="Goto Login">
                                        <span>Goto Login</span>
                                    </a>
                                </div>
                            </div>    
                        </div>
                        <!--// Single Pricing -->

                        <!-- Single Pricing -->
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="single-pricing is-active mt-30">
                                <div class="pricing-top">
                                    <h3>BUSINESS PLAN</h3>
                                    <p>￥6<span>/Month</span></p>
                                </div>
                                <div class="pricing-bottom">
                                    <ul>
                                        <li>100 Articles</li>
                                        <li>Reading Authority</li>
                                        <li>More???</li>
                                        <li></li>
                                    </ul>
                                    <a class="button" href="#" data-content="Waiting">
                                        <span>Waiting</span>
                                    </a>
                                </div>
                            </div>    
                        </div>
                        <!--// Single Pricing -->

                        <!-- Single Pricing -->
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="single-pricing mt-30">
                                <div class="pricing-top">
                                    <h3>PREMIUM PLAN</h3>
                                    <p>￥??<span>/Month</span></p>
                                </div>
                                <div class="pricing-bottom">
                                    <ul>
                                        <li>???</li>
                                        <li>???</li>
                                        <li>???</li>
                                        <li></li>
                                    </ul>
                                    <a class="button" href="#" data-content="Waiting">
                                        <span>Waiting</span>
                                    </a>
                                </div>
                            </div>    
                        </div>
                        <!--// Single Pricing -->

                    </div>
                </div>
            </div>
            <!--// Best Pricing -->

		</main>
		<!--// Page Conttent -->



	</div>
	<!--// Wrapper -->

	<!-- Js Files -->
	<script src="js/vendor/modernizr-3.6.0.min.js"></script>
	<script src="js/vendor/jquery-3.3.1.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins.js"></script>
	<script src="js/main.js"></script>
	<script src="js/body.js"></script>
</body>



</html>